<!-- 
  @Author: deemoprobe@gmail.com
  @Date:   2020-09-22 15:17:20
  @Last Modified by:   deemoprobe@gmail.com
  @Last Modified time: 2020-09-22 15:17:21
-->
<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Aurelius | Blog</title>
	<!-- Stylesheets -->
	<link rel="stylesheet" href="./style.css" type="text/css" media="screen" />
</head>

<body>
	<div id="wrapper" class="container_12 clearfix">
		<!-- Text Logo -->
		<h1 id="logo" class="grid_4">Aurelius</h1>
		<!-- Navigation Menu -->
		<ul id="navigation" class="grid_8">
			<li><a href="contact.html"><span class="meta">Get in touch</span><br />
					Contact Us</a></li>
			<li><a href="blog.html" class="current"><span class="meta">Latest news</span><br />
					Blog</a></li>
			<li><a href="index.html"><span class="meta">Homepage</span><br />
					Home</a></li>
		</ul>
		<div class="hr grid_12 clearfix">&nbsp;</div>
		<!-- Caption Line -->
		<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>
		<div class="hr grid_12 clearfix">&nbsp;</div>
		<!-- Column 1 /Content -->
		<div class="grid_8">
			<!-- Blog Post -->
			<div class="post">
				<!-- Post Title -->
				<h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>
				<!-- Post Title -->
				<p class="sub"><a href="#">News</a>, <a href="#">Products</a> &bull; 31st Sep, 09 &bull; <a href="#">7
						Comments</a></p>
				<div class="hr dotted clearfix">&nbsp;</div>
				<!-- Post Title -->
				<img class="thumb" src="images/610x150.gif" alt="" />
				<!-- Post Content -->
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel diam id mauris accumsan egestas.
					Sed sed lorem. Integer id mi vel sapien fermentum vehicula. Pellentesque vitae lacus a sem posuere
					fringilla. Vestibulum dolor. Phasellus cursus augue ac purus. Curabitur faucibus. Pellentesque
					habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
				<h1>H1 Heading</h1>
				<p>Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum.
					Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris
					pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
				</p>
				<h2>H2 Heading</h2>
				<p>Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum.
					Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris
					pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
				</p>
				<h3>H3 Heading</h3>
				<p>Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum.
					Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris
					pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
				</p>
				<h4>H4 Heading</h4>
				<p>Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum.
					Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris
					pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
				</p>
				<h5>H5 Heading</h5>
				<p>Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum.
					Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris
					pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
				</p>
				<h6>H6 Heading</h6>
				<p>Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum.
					Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris
					pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.
				</p>
				<!-- Post Links -->
				<p class="clearfix"> <a href="blog.html" class="button float">&lt;&lt; Back to Blog</a> <a
						href="#commentform" class="button float right">Discuss this post</a> </p>
			</div>
			<div class="hr clearfix">&nbsp;</div>
			<!-- Comment's List -->
			<h3>Comments</h3>
			<div class="hr dotted clearfix">&nbsp;</div>
			<ol class="commentlist">
				<li class="comment">
					<div class="gravatar"> <img alt="" src='images/gravatar.png' height='48' width='48' /> <a
							class="comment-reply-link" href=''>Reply</a> </div>
					<div class="comment_content">
						<div class="clearfix"> <cite class="author_name"><a href="">Joe Bloggs</a></cite>
							<div class="comment-meta commentmetadata">January 6, 2010 at 6:26 am</div>
						</div>
						<div class="comment_text">
							<p>Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla
								vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante.
								Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie
								orci, ut pulvinar sapien lorem nec dui.</p>
						</div>
					</div>
				</li>
			</ol>
			<div class="hr clearfix">&nbsp;</div>
			<!-- Comment Form -->
			<form id="comment_form" action="" method="post">
				<h3>Add a comment</h3>
				<div class="hr dotted clearfix">&nbsp;</div>
				<ul>
					<li class="clearfix">
						<label for="name">Your Name</label>
						<input id="name" name="name" type="text" />
					</li>
					<li class="clearfix">
						<label for="email">Your Email</label>
						<input id="email" name="email" type="text" />
					</li>
					<li class="clearfix">
						<label for="email">Your Website</label>
						<input id="website" name="website" type="text" />
					</li>
					<li class="clearfix">
						<label for="message">Comment</label>
						<textarea id="message" name="message" rows="3" cols="40"></textarea>
					</li>
					<li class="clearfix">
						<!-- Add Comment Button -->
						<a type="submit" class="button medium black right">Add comment</a> </li>
				</ul>
			</form>
		</div>
		<!-- Column 2 / Sidebar -->
		<div class="grid_4">
			<h4>Catagories</h4>
			<ul class="sidebar">
				<li><a href="">So who are we?</a></li>
				<li><a href="">Philosophy</a></li>
				<li><a href="">History</a></li>
				<li><a href="">Jobs</a></li>
				<li><a href="">Staff</a></li>
				<li><a href="">Clients</a></li>
			</ul>
			<h4>Latest News</h4>
			<ul class="sidebar">
				<li><a href="">Chickens rule the world</a></li>
				<li><a href="">Chuck Bartowski is back!</a></li>
				<li><a href="">Aurelius for sale</a></li>
				<li><a href="">Themeforest goes bust</a></li>
			</ul>
			<h4>Archives</h4>
			<ul class="sidebar">
				<li><a href="">January 2010</a></li>
				<li><a href="">December 2009</a></li>
				<li><a href="">Novemeber 2009</a></li>
				<li><a href="">October 2009</a></li>
				<li><a href="">September 2009</a></li>
				<li><a href="">August 2009</a></li>
			</ul>
		</div>
		<div class="hr grid_12 clearfix">&nbsp;</div>
		<!-- Footer -->
		<p class="grid_12 footer clearfix"> <span class="float"><strong>Design By</strong>
				QwibbleDesigns&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Code By</strong> <a
					href="http://www.ludou.org/">Ludou</a></span> <a class="float right" href="#">top</a> </p>
	</div>
	<!--end wrapper-->
</body>

</html>